<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="__PUBLIC__/member/style/common.css" media="screen"/>
        <script type="text/javascript" src="__PUBLIC__/common/js/jquery.js"></script>
        <script type="text/javascript" src="__PUBLIC__/common/js/common.js"></script>
        <script type="text/javascript" src="__PUBLIC__/pano/pano.js"></script>
        {:W("Easyui")}
        {:W("Boluoui")}
        {:W("Uploader")}
        <script type="text/javascript">
            function checksb(){
                var ac_name = $(".acme").data("ename");
                var data1 = $(".acme").data("d1");
                var data2 = $(".acme").data("d2");
                $("#eventname").val(ac_name);
                $("#data1").val(data1);
                $("#data2").val(data2);
                var info = $(".acme").html();
                $("#info").val("全景镜头"+info);
                return true;
            }
            $(function(){
                boluoselect("#eventchu");
                boluoselect_setvalue("#eventchu","{$row['eventchu']}");
                select_setvalue("#actiondata","{$row['data1']}","{$row['data2']}");
                $(".selectbox").click(function(){
                    var len = $(this).prevAll(".selectbox").length;
                    $(".selectbox").removeClass("acme");
                    $(".selectbox").eq(len).addClass("acme");
                });
            });

            function select_setvalue(temp,text1,text2){
                var inp = $(temp).children("input");
                var div = $(temp).children("div");
                var len = div.length;
                for(i=0;i<len;i++){
                    var p1 = div.eq(i).data("d1");
                    var p2 = div.eq(i).data("d2");
                    if(p1 == text1 && p2 == text2){
                        div.removeClass("acme");
                        div.eq(i).addClass("acme");
                        inp.val(div.eq(i).data("value"));
                    }
                }
            }
        </script>
        <style type="text/css">
            .chengbox{
                width: auto; height: 24px; overflow: hidden; border:1px solid #f7db99; border-radius : 5px; text-indent: 10px;
                background: #fffbf3;margin: 5px; font: 12px/24px "微软雅黑"; color: #FFA900; cursor: default;
            }
            .selectbox{
                width: auto; height: 22px; overflow: hidden; border: 1px solid #ddd; padding: 0 6px; margin-right: 4px; cursor: pointer;
                font: bold 12px/22px "微软雅黑"; color: #666; border-radius: 3px; float: left; margin-top: 2px; margin-bottom: 2px;
            }
            .selectbox.acme{
                border-color: #FFA900; color: #C60; background: #EEEE99;
            }
            .clear{
                clear: left;
            }
        </style>
    </head>
    <body>
        {:W("Bg")}
        <div id="upmain">
            <div class="main">
                <div class="main_head">
                    <div class="main_head_left"></div>
                    <div class="main_head_right"></div>
                    <div class="main_head_main">
                        <div class="title">全景项目 - {$panorow['title']}</div>
                        <div title="关闭" onclick="DoNote('确认返回功能首页？','{:U('main/index')}');" class="close"></div>
                        <div title="返回上级" onclick="LinkTo('{$back}');" class="goback"></div>
                    </div>
                </div>
                <div class="main_mid">
                    <div class="main_mid_left"></div>
                    <div class="main_mid_right"></div>
                    <div class="main_mid_main">
                        <div class="pano_menu">
                            {:W("Panomenu",array("pano_id"=>$pano_id,"num"=>6))}
                        </div>
                        <div class="none_main">
                            <div class="action_main">
                                <div class="action_title">{$panorow['title']} - {$viewrow['title']} - <a href="{$backurl}">场景UI设置</a> - 事件</div>
                                <form name="form1" action="" onsubmit="return checksb();" enctype="multipart/form-data" method="post">
                                    <input type="hidden" name="dopost" value="save" />
                                    <input type="hidden" name="aid" value="{$aid}" />
                                    <input type="hidden" name="action_type" value="{$row['action_type']}" />
                                    <input type="hidden" id="eventname" name="eventname" value="" />
                                    <input type="hidden" id="data1" name="data1" value="{$row['data1']}" />
                                    <input type="hidden" id="data2" name="data2" value="{$row['data2']}" />
                                    <input type="hidden" id="data3" name="data3" value="{$row['data3']}" />
                                    <input type="hidden" id="data4" name="data4" value="{$row['data4']}" />
                                    <input type="hidden" id="info" name="info" value="{$row['info']}" />
                                    <table width="100%" border="0" cellpadding="4" cellspacing="1" align="center">
                                        <tr class="tr_white" height="40">
                                            <td align="right" width="80"><b>元素名称：</b></td>
                                            <td align="left">
                                                {$crow['title']}
                                            </td>
                                        </tr>
                                        <tr class="tr_white" height="40">
                                            <td align="right" width="80"><b>触发类型：</b></td>
                                            <td align="left">
                                                <div id="eventchu">
                                                    <input type="hidden" name="eventchu" id="eventchu" />
                                                    <div data-value="click" class="boluoselectbox">鼠标点击</div>
                                                    <div data-value="over" class="boluoselectbox">鼠标经过</div>
                                                    <div data-value="out" class="boluoselectbox">鼠标移开</div>
                                                    <div data-value="down" class="boluoselectbox">鼠标按下</div>
                                                    <div data-value="up" class="boluoselectbox">鼠标弹起</div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr class="tr_white" height="10">
                                            <td colspan="2"></td>
                                        </tr>
                                        <tr class="tr_white" height="40">
                                            <td align="right" width="80"><b>执行事件：</b></td>
                                            <td align="left" id="actiondata">
                                                <div data-ename="set" data-d1="hlookat_moveforce" data-d2="-1" class="selectbox acme">开始左转</div>
                                                <div data-ename="set" data-d1="hlookat_moveforce" data-d2="+1" class="selectbox">开始右转</div>
                                                <div data-ename="set" data-d1="vlookat_moveforce" data-d2="-1" class="selectbox">开始上转</div>
                                                <div data-ename="set" data-d1="vlookat_moveforce" data-d2="+1" class="selectbox">开始下转</div>
                                                <div data-ename="set"data-d1="fov_moveforce" data-d2="-1" class="selectbox">镜头推进</div>
                                                <div class="clear"></div>
                                                <div data-ename="set" data-d1="hlookat_moveforce" data-d2="0" class="selectbox">停止左转</div>
                                                <div data-ename="set" data-d1="hlookat_moveforce" data-d2="0" class="selectbox">停止右转</div>
                                                <div data-ename="set" data-d1="vlookat_moveforce" data-d2="0" class="selectbox">停止上转</div>
                                                <div data-ename="set" data-d1="vlookat_moveforce" data-d2="0" class="selectbox">停止下转</div>
                                                <div data-ename="set" data-d1="fov_moveforce" data-d2="+1" class="selectbox">镜头倒退</div>
                                                <div class="clear"></div>
                                                <div data-ename="set" data-d1="fullscreen" data-d2="true" class="selectbox">切换全屏</div>
                                                <div data-ename="set" data-d1="fullscreen" data-d2="false" class="selectbox">取消全屏</div>
                                            </td>
                                        </tr>
                                        <tr class="tr_white" height="10">
                                            <td colspan="2"></td>
                                        </tr>
                                        <tr class="tr_white" height="40">
                                            <td align="right" width="80"></td>
                                            <td align="left">
                                                <input type="submit" class="blackbutton" value="提交" />
                                            </td>
                                        </tr>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main_foot">
                    <div class="main_foot_left"></div>
                    <div class="main_foot_right"></div>
                    <div class="main_foot_main"></div>
                </div>
            </div>
        </div>
    </body>
</html>
